<template>
  <div class="SupervisoryControl">
    <logo></logo>
    <!-- 视频 -->
    <div class="title">大门以及配电箱</div>
    <iframe src="https://open.ys7.com/view/h5/03d05cfeb4d14dbb88e3b816870cf4bc" frameborder="0"></iframe>

    <div class="title">主通道</div>
    <iframe src="https://open.ys7.com/view/h5/f3bd661b0073422c99605228fd506ab3" frameborder="0"></iframe>

    <div class="title">侧通道</div>
    <iframe src="https://open.ys7.com/view/h5/a5e8f1d85f0849268b7ebeba893fb8bc" frameborder="0"></iframe>
    <tabbar></tabbar>
  </div>
</template>

<script>
import tabbar from '@/components/Tabbar.vue'
import logo from '@/components/Logo.vue'
export default {
  name: 'SupervisoryControl',
  components: {
    logo,
    tabbar
  },
  data() {
    return {}
  },
  created() {},
  mounted() {},
  methods: {
    name() {}
  }
}
</script>

<style lang="less" scoped>
iframe {
  margin: 2rem 0 0 0;
}
.title {
  position: relative;
  bottom: -20px;
  font-size: 1.1rem;
  font-family: 'pingfang', '微软雅黑';
}
.description {
  height: 0 !important;
}
</style>